<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Just a website</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<script src="http://www.google.com/jsapi"></script>
<script src="javascript/clientmonster.js"></script>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="todo">
	<div id="header">
		<div id="logo">
			<h1><a href="index.html">Experimentos</a></h1>
			<h3>By Luis Mart&iacute;n Canaval S&aacute;nchez</h3>
		</div>
		<!-- end div#logo -->
	</div>
	<!-- end div#header -->
	<div id="page">
		<div id="content">
			<div id="welcome">
				<h1>Making the Web Beautiful!</h1>
				<p><strong>Imprimis!</strong> is a free template from <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. <em>Enjoy :)</em></p>
				<ol>
					<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
					<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
					<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
					<li><a href="#">Phasellus nec erat sit amet nibh pellentesque congue.</a></li>
					<li><a href="#">Cras vitae metus aliquam risus pellentesque pharetra.</a></li>
					<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
					<li><a href="#">Etiam ac tortor eu metus euismod lobortis.</a></li>
					<li><a href="#">Duis non ante in metus commodo euismod lobortis.</a></li>
				</ol>
			</div>
			
			<div>
			<ul>
			    <li>Hola</li>
			    <li>hi <br />
			        <ol>
			            <li>Ji</li>
			            <li>Ji</li>
			        </ol>
			    </li>
			</ul>
			    <ul id="content"></ul>
    <script>
      function handleResponse(response) {
        for (var i = 0; i < response.data.items.length; i++) {
          var item = response.data.items[i];
          // in production code, item.title should have the HTML entities escaped.
          var go = "<ul>";
            for(var key in item) {
                go +="<li>" + key + ": " + item[key] + "</li>";
                for(var key in item[key]) {
                    go +="<li> --" + key + ": " + item[key] + "</li>";
                }
            }
          go += "</ul>";
          document.getElementById("content").innerHTML += "<li>" + go + "</li>";
        }
      }
    </script>
    <script src="https://www.googleapis.com/buzz/v1/activities/104650996836235748600/@public?alt=json&callback=handleResponse"></script>
			</div>
			<!-- end div#welcome -->
			<div id="sample1" class="boxed">
				<h2>Sample One</h2>
				<ul>
					<li><a href="#">Ut semper vestibulum est</a></li>
					<li><a href="#">Vestibulum luctus venenatis </a></li>
					<li><a href="#">Etiam malesuada enim</a></li>
					<li><a href="#">Aenean elementum facilisis </a></li>
					<li><a href="#">Ut tincidunt elit vitae augue</a></li>
					<li><a href="#">Sed quis odio sagittis leo </a></li>
				</ul>
			</div>
			<!-- end div#sample1 -->
			<div id="sample2" class="boxed">
				<h2>Sample Two</h2>
				<p>Quisque dictum nisl risus, sagittis, rutrum id, and nibh:</p>
				<ul>
					<li><a href="#">Integer rutrum nisl in mi</a></li>
					<li><a href="#">Etiam malesuada enim</a></li>
					<li><a href="#">Aenean elementum facilisis </a></li>
				</ul>
			</div>
			<!-- end div#sample2 -->
		</div>
		<!-- end div#content -->
		<div id="sidebar">
			<ul>
				<li id="submenu">
					<h2>Other Links</h2>
					<ul>
						<li><a href="#">Semper vestibulum</a></li>
						<li><a href="#">Vestibulum luctus</a></li>
						<li><a href="#">Integer rutrum</a></li>
						<li><a href="#">Etiam malesuada</a></li>
						<li><a href="#">Elementum facilisis</a></li>
						<li><a href="#">Ut tincidunt</a></li>
						<li><a href="#">Odio sagittis</a></li>
					</ul>
				</li>
				<!-- end li#submenu -->
				<li id="news">
					<h2>News &amp; Updates</h2>
					<ul>
						<li>
							<h3>10th May</h3>
							<p><a href="#">Pellentesque quis elit non lectus gravida blandit&hellip;</a></p>
						</li>
						<li>
							<h3>23rd April</h3>
							<p><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing&hellip;</a></p>
						</li>
						<li>
							<h3>21st April</h3>
							<p><a href="#">Phasellus nec erat sit amet nibh pellentesque congue&hellip;</a></p>
						</li>
						<li>
							<h3>17th April </h3>
							<p><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend&hellip;</a></p>
						</li>
					</ul>
				</li>
				<!-- end li#news -->
			</ul>
		</div>
		<!-- end div#sidebar -->
		<div style="clear: both; height: 1px"></div>
	</div>
	<!-- end div#page -->
	<div id="footer">
		<p id="legal">Copyright &copy; 2007 Imprimis. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
		<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
	</div>
	<!-- end div#footer -->
</div>
<!-- end div#todo -->
</body>
</html>

